<template>
  <div class="custom-theme-page">
    <theme-demo/>
    <ThemeEditPanel/>
  </div>
</template>

<script>
import {defineComponent} from 'vue';

import ThemeDemo from './theme-demo';
import {ThemeEditPanel} from './theme-edit-panel';

export default defineComponent({
  name: "custom-theme-page",
  components:{
    ThemeDemo,
    ThemeEditPanel
  },
  setup(){

  }
})
</script>

<style lang="scss">
@import '../../../components/doc-page-component/var';

.custom-theme-page {
  width: calc(100% + #{$anchorWidth});
  display: inline-block;
  padding: 0 20px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: white;
}
</style>
